---
type: tutorial
title: Разместите свой сайт в Интернете
description: |-
  Учебное пособие: Создайте свой первый блог на Astro —
  Подключите репозиторий GitHub вашего учебного пособия к Netlify и разверните его в Интернете
i18nReady: true
---
import Badge from '~/components/Badge.astro';
import Checklist from '~/components/Checklist.astro';
import Box from '~/components/tutorial/Box.astro';
import MultipleChoice from '~/components/tutorial/MultipleChoice.astro';
import Option from '~/components/tutorial/Option.astro';
import PreCheck from '~/components/tutorial/PreCheck.astro';
import { Steps } from '@astrojs/starlight/components';


<PreCheck>
  - Добавить ваш репозиторий на GitHub в качестве нового приложения Netlify
  - Развернуть ваш сайт Astro в Интернете
</PreCheck>

Здесь вы подключите ваш репозиторий на GitHub к Netlify. Netlify будет использовать этот проект для сборки и развертывания вашего сайта в реальном времени на веб-сервере каждый раз, когда вы вносите изменения в свой код.

:::tip[Мы будем использовать…]
В этом учебном пособии мы будем использовать **Netlify**, но вы можете использовать любой другой выбранный вами хостинг-сервис для развертывания вашего сайта в интернете.
:::

## Создайте новый сайт на Netlify

<Steps>
1. Создайте бесплатную учетную запись на [Netlify](https://netlify.com), если у вас еще ее нет.
	
    Запишите свое имя пользователя. Вы можете просмотреть свою панель инструментов и любые созданные вами сайты по адресу `https://app.netlify.com/teams/username`

2. Нажмите <kbd>Добавить новый сайт</kbd> > <kbd>Импортировать существующий проект</kbd>.

    Вам будет предложено подключиться к Git-провайдеру. Выберите GitHub и следуйте инструкциям на экране, чтобы аутентифицировать свою учетную запись GitHub. Затем выберите репозиторий вашего проекта Astro на GitHub из предоставленного списка.
 
3. На последнем этапе Netlify покажет вам настройки вашего сайта. Параметры по умолчанию должны быть правильными для вашего проекта Astro, поэтому вы можете прокрутить страницу вниз и нажать <kbd>Развернуть сайт</kbd>.
</Steps>

Поздравляем, у вас есть сайт Astro!

## Измените название проекта

На странице обзора вашего сайта в Netlify вы увидите случайно сгенерированное название проекта и URL вашего сайта в формате `https://project-name-123456.netlify.app`. Вы можете изменить название вашего проекта на более запоминающееся, и это автоматически обновит ваш URL.

## Посетите ваш новый сайт

Щелкните по URL-адресу в настройках сайта или введите его в окно браузера, чтобы просмотреть ваш новый сайт.



<Box icon="question-mark">

### Проверьте свои знания

Вы хотите обновить главную страницу вашего существующего веб-сайта. Какие шаги вы предпримите?

  <MultipleChoice>
    <Option>
      Я открываю терминал, запускаю команду `create astro`, а затем перехожу по URL-адресу моего сайта на Netlify.
    </Option>
    <Option>
      Я изменяю настройку в моем приложении на Netlify, затем создаю форк нового проекта Astro на StackBlitz.
    </Option>
    <Option isCorrect>
      Я вношу изменение в `index.astro`. Затем фиксирую и отправляю свои изменения в GitHub. Остальное обрабатывает Netlify!
    </Option>
  </MultipleChoice>
 </Box>

<Box icon="check-list">
## Чек-лист

<Checklist>
- [ ] Я могу посмотреть свой обновленный сайт в Интернете.
- [ ] Я готов вернуться к кодированию!
</Checklist>
</Box>

### Ресурсы

- <p>[Пошаговое руководство по развертыванию на Netlify](https://www.netlify.com/blog/2016/09/29/a-step-by-step-guide-deploying-on-netlify/) <Badge>внешняя ссылка</Badge></p>